<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="../css/style.css"/>
		<link rel="stylesheet" type="text/css" href="../css/header.css"/>
		<!--<link rel="stylesheet" type="text/css" href="../css/land.css"/>-->
		<link rel="stylesheet" type="text/css" href="../css/register.css"/>
		<script src="../js/flexible.debug.js" type="text/javascript" charset="utf-8"></script>
		<!--<script src="../js/flexible_css.debug.js" type="text/javascript" charset="utf-8"></script>-->
	</head>
	<body>
		<header class="header">
			<span class="span"><a href="land.html"><img src="../img/fanhui.png"/></a></span>
			<span class="span">注册</span>
			<span class="span"></span>
		</header>
		<main class="main">
			<section class="section">
				<ul>
					<li><div><img src="../img/Shape.png"/></div><input type="text" name=""  placeholder="手机号"/><input class="enroll_huo" type="text" name="" id="" value="获取验证码" /></li>
					<li><div><img src="../img/verification code.png"/></div><input type="text" name="" placeholder="验证码"/></li>
					<li><div><img src="../img/code.png"/></div><input type="text" name="" placeholder="密码"/></li>
					<li><div><img src="../img/verify password.png"/></div><input type="text" name="" placeholder="重复密码"/></li>
					<li><div><img src="../img/nickname.png"/></div><input type="text" name="" placeholder="昵称"/></li>
				</ul>
				<a href="#" class="zhuce">注册</a>
				
				<div class="zccg">
					<h4>注册成功</h4>
					<a href="land.html">点击返回登录</a>
				</div>
			</section>
		</main>
		<div class="zzc">
			
		</div>
		<script src="../js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
				var ss = true;
				$('.enroll_huo').click(function(){
					var i = 60,btn=$(this);
//					if(btn.timer) return;
					if(ss){
						 btn.timer = setInterval(function(){
						 	ss = false;
							i--;
							console.log(i)
							$('.enroll_huo').val(i + 'S');
							if( i === 0){
								ss = true;
								clearInterval(btn.timer);
								return $('.enroll_huo').val('获取验证码');
							}
								
						},1000);
						
					}
			    
					
				});
				$('.zhuce').click(function  () {
					$('.zzc,.zccg').slideToggle();
				});

		</script>
	</body>
</html>
